import { defineStore } from "pinia"
import { ref } from "vue"

export const useThemeStore = defineStore(
  'theme',
  () => {
    const themeModel = ref<boolean>(false)
    const updateThemeModel = (value: boolean) => {
      themeModel.value = value
    }
    // layout header height
    const headerHeight = ref<number>(60)
    // layout footer height
    const footerHeight = ref<number>(30)
    return {
      themeModel,
      updateThemeModel,
      headerHeight,
      footerHeight
    }
  },

  {
    persist: true
  }
)
